<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车-网易严选</title>
    <link rel="stylesheet" href="./Css/reset.css">
    <link rel="stylesheet" href="./Css/gouwuche.css">

    <link rel="stylesheet" href="./icon-font/iconfont.css">
    <link rel="icon" href="./Image/favicon.ico" type="image/x-icon" />

</head>

<body>
    <div class="homePage_Top">
        <div class="center">
            <span class="iconfont yinliang">&#xe8c1;</span>
            <a href="#" class="yellowColor">因疫情影响，部分地区无法配送公告</a>
            <ul class="top_nav">
                <li class="log_Btn"><a href="#">登录/注册</a></li>
                <li><a href="#">我的订单</a>
                </li>
                <li><a href="#">会员</a>
                </li>
                <li><a href="#">甄选家</a> </li>
                <li><a href="#">企业采购<i class="iconfont xiajiantou">&#xe6cc;</i></a></li>
                <li><a href="#">客户服务<i class="iconfont xiajiantou">&#xe6cc;</i></a></li>
                <li><i class="iconfont phone">&#xe607;
                </i><a href="#">APP</a></li>
            </ul>
        </div>
    </div>
    <!-- 搜索框 -->
    <div class="homePage_Search">
        <div class="center search">
            <div class="search_Top">
                <h1 class="iconfont yanxuanlogo color_Pointer">&#xe623;</h1>
                <!-- 搜索框 -->
                <div class="search_BBox"> <input type="text" class="search_Box" placeholder="杭州游礼">
                    <input type="button" class="search_Btn" value="搜索">
                    <ul class="search_Bottom">
                        <li><a href="#">女鞋</a></li>
                        <li><a href="#">纸</a></li>
                        <li><a href="#">杯子</a></li>
                        <li><a href="#">枕头</a></li>
                        <li><a href="#">袜子</a></li>
                        <li><a href="#">耳机</a></li>
                        <li><a href="#">猫粮</a></li>
                        <li><a href="#">水杯</a></li>
                        <li><a href="#">床</a></li>
                        <li><a href="#">鞋</a></li>
                        <!--  -->
                    </ul>
                </div>

                <!-- 搜索框结束 -->
                <div class="cart_Btn">
                    <i class="iconfont cart">&#xe63f;</i>
                    <span>购物车</span>
                    <div class="cart_Tag">0</div>
                    <div class="small_cart">
                        <div class="cart_body">

                            <div id="goods_box1">
                                <img src="" alt="">
                                <div class="goods_info1">
                                    <div class="top_info1"> <span class="goods_name1"></span>
                                        <span class="goods_price1"></span>
                                        <b>X</b></div>
                                </div>
                                <div class="bottom_info1">
                                    <span class="goodsDesc1"></span>
                                    <span class="goods_num1"></span>
                                </div>
                            </div>

                        </div>
                        <div class="cart_bottom">
                            <div>
                                <span>商品总价</span>
                                <span id="zongjia"></span>
                            </div>
                            <div class="goodscart_btn1">去购物车结算</div>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="search_Button">
                <li>
                    <a href="homepage.html">首页</a>
                </li>
                <li>
                    <a href="goodslist.html">居家生活</a>
                    <!-- 二级菜单 -->
                    <div class="erJiCD">
                        <ul></ul>
                        <div>

                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">服饰鞋包</a>
                    <!-- 二级菜单 -->
                    <div class="erJiCD">
                        <ul></ul>
                        <div>

                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">美食酒水</a>
                    <!-- 二级菜单 -->
                    <div class="erJiCD">
                        <ul></ul>
                        <div>

                        </div>
                    </div>
                </li>

                <li>
                    <a href="#">个护清洁</a>
                    <!-- 二级菜单 -->
                    <div class="erJiCD">
                        <ul></ul>
                        <div>

                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">母婴亲子</a>
                    <!-- 二级菜单 -->
                    <div class="erJiCD">
                        <ul></ul>
                        <div>

                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">运动旅行</a>
                    <!-- 二级菜单 -->
                    <div class="erJiCD">
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                        <div>
                            <ul>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                            <ul>
                                <li></li>
                                <li></li>
                            </ul>
                            <ul>
                                <li></li>
                                <li></li>
                            </ul>
                            <ul>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                            <ul>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                            <ul>
                                <li></li>
                                <li></li>
                            </ul>
                            <ul>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                            <ul></ul>
                            <ul></ul>
                            <ul></ul>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">数码家电</a>
                    <!-- 二级菜单 -->
                    <div class="erJiCD">
                        <ul></ul>
                        <div>

                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">严选全球</a>
                    <!-- 二级菜单 -->
                    <div class="erJiCD">
                        <ul></ul>
                        <div>

                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">为你严选</a>
                </li>
                <li>
                    <a href="#">众筹</a>
                </li>


            </ul>
        </div>

    </div>
    <div class="big_Banner">
        <div class="center youhuiquan">
            <div class="lingquan">
                <p> <i class="iconfont">&#xe600;
            </i>
                    <span>购物车可领优惠券</span></p>
                <div class="lingqu">
                    <span>领券</span><b class="iconfont">&#xe6cc;</b>
                </div>
            </div>
            <div class="quan">暂时没有可领的优惠券</div>
        </div>
        <div class="center shangping_box">
            <!-- 购物车主体 -->
            <div class="center top_col">
                <input type="checkbox" class="quanxuan">
                <span>全选</span>
                <div>商品信息</div>
                <div>单价</div>
                <div>数量</div>
                <div>小计</div>
                <div>操作</div>
            </div>
            <div id="middle_goods">
                <div class="center" id="goods_info2">
                    <input type="checkbox" id="goods_xuanzhong">
                    <img src="" alt="">
                    <p></p>
                    <span></span>
                    <div class="add_reduse">
                        <button class="reduce_nums">-</button>
                        <input type="text" id="num_goods" value="1">
                        <button class="add_nums">+</button>
                    </div>
                    <div class="xiaoji"></div>
                    <div class="del_goods">删除</div>
                </div>

            </div>

            <div class="center cart_total">
                <div class="caozuo_btns">
                    <input type="checkbox" class="quanxuan">
                    <div class="del_btn">批量删除</div>
                    <div class="div_shixiao">清空失效商品</div>
                </div>

                <div class="xiadan_btn">下单</div>
                <div class="sum_view">
                    <span>应付总额: &nbsp;</span>
                    <span id="zonge">￥0</span>
                </div>





            </div>
        </div>
        <div class="center tuijian"></div>
    </div>

    <!-- 人气推荐板块 -->

    <!-- 使用JS懒加载，页面滚动到这里时加载页面 -->


    <!-- 登录按钮弹出模态框 -->

    <!-- 模态框结束 -->
    <!-- 顶部导航 -->
    <div class="topslide_Nav">
        <div class="center top_Searnav">
            <i class="iconfont top_youxuan yanxuanlogo">&#xe623;</i>
            <ul class="topsearch_Button">
                <li>
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">居家生活</a>
                </li>
                <li>
                    <a href="#">服饰鞋包</a>
                </li>
                <li>
                    <a href="#">美食酒水</a>
                </li>

                <li>
                    <a href="#">个护清洁</a>
                </li>
                <li>
                    <a href="#">母婴亲子</a>
                </li>
                <li>
                    <a href="#">运动旅行</a>
                </li>
                <li>
                    <a href="#">数码家电</a>
                </li>
                <li>
                    <a href="#">严选全球</a>
                </li>

            </ul>
            <div class="user_Ico">
                <i class="iconfont fangdajing color_Pointer">&#xe62b;
                </i>
                <i class="iconfont yonghu color_Pointer">&#xe601;</i>
                <div class="gouwuche_father color_Pointer"> <i class="iconfont gouwuche ">&#xe63f;</i>
                    <div class="goods_Quantity">0</div>
                </div>

            </div>
        </div>
    </div>
    <!-- 顶部导航结束 -->


    <!-- 客户服务区域 -->
    <div class="servers">
        <div class="center servers_banner">
            <div class="servers_left">
                <h4>客户服务</h4>
                <div class="servers_btn">
                    <div class="zaixiankefu">
                        <span class="iconfont">&#xe61d;
                        </span>
                        <p>在线客服</p>
                    </div>
                    <div class="yonghufankui">
                        <span class="iconfont">&#xe648;</span>
                        <p>用户反馈</p>
                    </div>
                </div>
            </div>
            <div class="servers_middle">
                <h4>何为网易严选</h4>
                <p>网易严选是深受新中产喜爱的生活方式品牌, 为消费者提供一站式、全品类、全方位的美好生活解决方案。我们通过简约、实用、舒适的美学设计, 不断带来高品质灵感好物, 陪伴3000万新中产用户「活出自己喜欢的样子」, 共同倡导多元化的生活价值主张——每个人都可以把生活的选择权交还给自己。</p>
                <div class="guanzhu">
                    <p>关注我们：</p>
                    <i class="iconfont">&#xe600;</i>
                    <i class="iconfont">&#xe600;</i>
                    <i class="iconfont">&#xe600;</i>
                </div>
            </div>
            <div class="servers_right">
                <h4>扫码下载严选APP</h4>
                <div><img src="./Image/下载.png" alt=""></div>
                <p>下载领大额新人红包</p>
            </div>
        </div>
    </div>
    <!-- 底部区域 -->
    <div class="footer">
        <div class="center footer_banner">
            <ul>
                <li>
                    <i class="iconfont">&#xe612;
                    </i>
                    <p>网易自营电商</p>
                </li>
                <li>
                    <i class="iconfont">&#xe612;
                    </i>
                    <p>网易自营电商</p>
                </li>
                <li>
                    <i class="iconfont">&#xe612;
                    </i>
                    <p>网易自营电商</p>
                </li>
                <li>
                    <i class="iconfont">&#xe612;
                    </i>
                    <p>网易自营电商</p>
                </li>
            </ul>
            <div class="information">
                <ul>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>关于我们</li>
                </ul>
                <p><a href="#">食品经营许可证：JY13301080111719</a> <a href="#">出版物经营许可证：新出发滨字第0132号</a> <a href="#">妙得ICP证号：ICP 证浙B2-20160106</a> <a href="#">浙杭食药监械经营备20171029号营业执照</a> <a href="#">网易公司版权所有 © 1997-2022</a></p>
                <p>
                    <a href="#">无线电发射设备销售备案：42202011096855</a>
                    <a href="#">（浙杭）网械企备字[2019]第00119号</a>
                    <a href="#">（粤）网械平台备字（2019）第00004号</a>
                    <a href="#">（粤）-非经营性-2016-0023</a>
                    <a href="#">进口冷链食品管理承诺书</a>

                </p>
                <p>
                    <a href="#">食品经营许可证：JY14207050007694</a>
                    <a href="#">浙江省网络食品销售第三方平台提供者备案：浙网食A33010009</a>
                    <a href="#">单用途商业预付卡备案证：330100AAC0024</a>
                    <a href="#"><img src="./Image/jinghui.gif" alt=""></a>
                </p>
                <p>
                    <a href="#">出版物网络交易平台服务经营备案：新出发浙备字第2021006号</a>
                </p>
            </div>
        </div>
    </div>


</body>
<script src="./goodsAndShoppingCart/js/cookieTools.js"></script>
<script src="./jQuery/jquery-3.6.0.min.js"></script>
<script src="./Js/gouwuche.js"></script>
<!-- <script src="./goodsAndShoppingCart/"></script> -->
<!-- <script src="./homepage.html"></script> -->

</html>